html {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}
*::before, *::after {
  box-sizing: inherit;
}

body {
  background-color: #030f33;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto;
}

@keyframes shine {
  10% {
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.1);
    z-index: -1000;
  }
  20% {
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.1), 0px 0px 0px 40px rgba(255, 255, 255, 0.08);
    z-index: -1000;
  }
  30% {
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.1), 0px 0px 0px 40px rgba(255, 255, 255, 0.08), 0px 0px 0px 60px rgba(255, 255, 255, 0.06);
    z-index: -1000;
  }
  40% {
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.1), 0px 0px 0px 40px rgba(255, 255, 255, 0.08), 0px 0px 0px 60px rgba(255, 255, 255, 0.06), 0px 0px 0px 80px rgba(255, 255, 255, 0.04);
    z-index: -1000;
  }
  50% {
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.1), 0px 0px 0px 40px rgba(255, 255, 255, 0.08), 0px 0px 0px 60px rgba(255, 255, 255, 0.06), 0px 0px 0px 80px rgba(255, 255, 255, 0.04), 0px 0px 0px 100px rgba(255, 255, 255, 0.02);
    z-index: -1000;
  }
  60% {
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.1) 0px 0px 0px 40px rgba(255, 255, 255, 0.08) 0px 0px 0px 60px rgba(255, 255, 255, 0.06) 0px 0px 0px 100px rgba(255, 255, 255, 0.02) 0px 0px 0px 80px rgba(255, 255, 255, 0.04);
    z-index: -1000;
  }
  70% {
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.1) 0px 0px 0px 40px rgba(255, 255, 255, 0.08) 0px 0px 0px 100px rgba(255, 255, 255, 0.02) 0px 0px 0px 80px rgba(255, 255, 255, 0.04) 0px 0px 0px 60px rgba(255, 255, 255, 0.06);
    z-index: -1000;
  }
  80% {
    box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.1) 0px 0px 0px 100px rgba(255, 255, 255, 0.02) 0px 0px 0px 80px rgba(255, 255, 255, 0.04) 0px 0px 0px 60px rgba(255, 255, 255, 0.06) 0px 0px 0px 40px rgba(255, 255, 255, 0.08);
    z-index: -1000;
  }
  90% {
    box-shadow: 0px 0px 0px 100px rgba(255, 255, 255, 0.02) 0px 0px 0px 80px rgba(255, 255, 255, 0.04) 0px 0px 0px 60px rgba(255, 255, 255, 0.06) 0px 0px 0px 40px rgba(255, 255, 255, 0.08) 0px 0px 0px 20px rgba(255, 255, 255, 0.1);
    z-index: -1000;
  }
}
@keyframes cloud_move_left {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, -10px);
  }
  0% {
    transform: translate(0, 0);
  }
}
@keyframes cloud_move_right {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 10px);
  }
  0% {
    transform: translate(0, 0);
  }
}
.clouds {
  position: relative;
  top: -210px;
  left: -210px;
  bottom: 0;
}
.clouds .cloud_1 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 79.8258093052vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_1::before, .clouds .cloud_1::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_1::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_1::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_2 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 4.5044670259vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_2::before, .clouds .cloud_2::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_2::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_2::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_3 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 102.4453311228vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_3::before, .clouds .cloud_3::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_3::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_3::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_4 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 13.6243361456vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_4::before, .clouds .cloud_4::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_4::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_4::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_5 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 26.4876210543vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_5::before, .clouds .cloud_5::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_5::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_5::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_6 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 79.5946742999vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_6::before, .clouds .cloud_6::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_6::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_6::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_7 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 83.15096115vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_7::before, .clouds .cloud_7::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_7::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_7::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_8 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 20.8563515501vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_8::before, .clouds .cloud_8::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_8::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_8::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_9 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 16.0410252965vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_9::before, .clouds .cloud_9::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_9::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_9::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_10 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 60.3398892419vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_10::before, .clouds .cloud_10::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_10::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_10::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_11 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 34.3816564567vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_11::before, .clouds .cloud_11::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_11::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_11::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_12 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 33.7390687014vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_12::before, .clouds .cloud_12::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_12::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_12::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_13 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 68.7502482409vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_13::before, .clouds .cloud_13::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_13::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_13::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_14 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 5.2467513178vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_14::before, .clouds .cloud_14::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_14::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_14::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_15 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 90.2645214713vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_15::before, .clouds .cloud_15::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_15::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_15::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_16 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 100.2924104vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_16::before, .clouds .cloud_16::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_16::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_16::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_17 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 46.9948581992vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_17::before, .clouds .cloud_17::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_17::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_17::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_18 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 79.7076177492vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_18::before, .clouds .cloud_18::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_18::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_18::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_19 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 80.1745749983vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_left 10s 1s infinite;
}
.clouds .cloud_19::before, .clouds .cloud_19::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_19::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_19::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}
.clouds .cloud_20 {
  width: 350px;
  height: 120px;
  background: linear-gradient(to top, #022f5c 11%, #013669 100%);
  box-shadow: 0 37px 64px -40px #000;
  border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  top: 50px;
  left: 96.3127243943vmax;
  transition: all 0.2s ease-in-out;
  animation: cloud_move_right 10s 1s infinite;
}
.clouds .cloud_20::before, .clouds .cloud_20::after {
  content: "";
  position: absolute;
  background: #022f5c;
  z-index: -11;
  box-shadow: 0 -5px 136px -40px #000;
}
.clouds .cloud_20::before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
}
.clouds .cloud_20::after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
}

.artwork {
  position: relative;
  top: -453px;
  min-width: 529px;
}
.artwork .moon-glow {
  position: relative;
  width: 400px;
  height: 400px;
  margin: 118px auto;
  background-color: white;
  border-radius: 50%;
  top: -53px;
  box-shadow: 0 0 64px 0 rgba(255, 255, 255, 0.41);
}
.artwork .moon {
  width: 400px;
  height: 400px;
  margin: 118px auto;
  background-color: white;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  position: relative;
  top: -570px;
  animation: shine 16s 1s infinite;
}
.artwork .land {
  border-radius: 46%;
  position: relative;
  width: 666px;
  height: 239px;
  background-color: #030f33;
  top: -1022px;
  margin: 20px auto;
}
.artwork .land::after {
  content: "";
  height: 183px;
  width: 855px;
  background-color: #030f33;
  position: absolute;
  top: 61px;
  margin: 0 auto;
  border-radius: 100px 1000px 0 0;
  left: -92px;
}
.artwork .elk {
  position: relative;
  top: -970px;
  left: -3px;
  width: 171px;
  margin: 10px auto;
  height: 209px;
  background: url(./elk.png) no-repeat;
  background-size: 190px;
}